<!DOCTYPE html>
<html>
<head>
    <title>会员登录</title>
</head>
<body>
    <form action="#" method="post" style="text-align: center;">
        <h2>会员登录</h2>
        
        <div style="margin-bottom: 10px;">
            <label for="username">登录账号</label>&nbsp;&nbsp;&nbsp;
            <input type="text" id="username" placeholder="邮箱/id/手机号">
        </div>
        
        <div style="margin-bottom: 10px;">
            <label for="password">密码</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="password" id="password" placeholder="密码">
        </div>

        <br>

        <div>
            <input type="checkbox" id="remember">&nbsp;&nbsp;&nbsp;
            <label for="remember">两周内自动登录</label>
        </div>
        
        <br>
        
        <input type="hidden" id="loginButtonValue" value="登录"> <!-- 隐藏域，用于模拟提交按钮原本的值 -->
        <img src="./class4-web-code-master/1.html/img/login.png"  width="48px" height="20px" style="cursor: pointer;" onclick="document.getElementById('loginButtonValue').click();"/>
        <a href="#">忘记密码</a>

        <h3>其他账号登录</h3>
        <div>
            <img src="./class4-web-code-master/1.html/img/ico1.png" alt="QQ账号"><tr>QQ账号</tr>
            <img src="./class4-web-code-master/1.html/img/ico2.png" alt="新浪微博"><tr>新浪微博</tr>
            <img src="./class4-web-code-master/1.html/img/ico3.png" alt="百度账号"><tr>百度账号</tr>
        </div>

        <br>

        <a href="#">还不是会员？立即注册</a>

</body>